<!DOCTYPE HTML>
<html>
    <head>
        <meta name="renderer" content="webkit">
        <meta content="统一认证,合肥讯百科技"/>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        
        <link rel="stylesheet" th:href="${AppRootContext}+'/assets/elementui/element-2.7.2.css'" >
        <link rel="icon" th:href="${AppRootContext}+'/assets/favicon.ico'" type="image/x-icon" />
        <link rel="shortcut icon" th:href="${AppRootContext}+'/assets/favicon.ico'" type="image/x-icon" />
        <link rel="bookmark" href="${AppRootContext}/assets/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" th:href="${AppRootContext}+'/assets/font-awesome/4.7.0/css/font-awesome.min.css'" >
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/js/polyfill.min.js'"></script>
        <title>首页</title>
        <style>
            html,body
            {
                padding:0px;
                margin:0px;
                height:100%;
                background:#405C89;
                background: #0a224a url([[${AppRootContext}]]/assets/image/background.jpg) no-repeat top;
            }
            .container
            {
            }
            .el-header
            {
                padding:0px;
            }
            .el-menu.el-menu--horizontal
            {
                border-bottom:0px;
            }
            .copyright
            {
                position:absolute;
                bottom:10px;
                width:100%;
                left:0px;
                text-align:center;
                z-index:1000;
            }
            .copyright > span
            {
                color:#aaa;
                font-size:11px;
                padding:8px;
            }
            .copyright a
            {
                color:#aaa;
                font-size:11px;
                text-decoration:none;
            }
            .menu-box
            {
                
            }
            .menu-block
            {
                width:140px;
                height:120px;
                display:inline-block;
                margin:2px 2px 0px 0px;
                background:#D9E8F4;
                color:#333;
                text-decoration:none;
                text-align:center;
                transition: all 0.5s;
            }
            .menu-block i
            {
                color:#0a224a;
                font-size:60px;
            }
            .menu-block span
            {
                display:block;
                padding:4px 0px;
            }
            .menu-block:hover,.menu-block.active
            {
                background:#3A91FD;
                color:#fff; 
            }
            .menu-block:hover *,.menu-block.active *
            {
                color:#fff; 
            }
            .menu-block > div
            {
                display:table;
                width:100%;
                height:100%;
            }
            .menu-block > div > div
            {
                display:table-cell;
                vertical-align:middle;
            }
            .el-menu--horizontal>.el-menu-item
            {
                height:50px;
                line-height:50px;
            }
            .el-menu.el-menu--horizontal{
                background-color: hsla(0,0%,100%,.1);
                box-shadow: 0 5px 10px rgba(0,0,0,.1);
            }
            .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .el-menu--horizontal>.el-submenu .el-submenu__title:hover
            {
                background:none;
                border-bottom-color: rgb(255, 255, 255)!important;
            }
            .el-menu-item
            {
                font-size:16px;
            }
            .el-menu-item a
            {
                text-decoration:none;
            }
            .el-menu-item i
            {
                margin-right: 5px;
                font-size: 20px;
                line-height:50px;
                top: -2px;
                position: relative;
                color:rgb(204, 204, 204);
            }
            .logout i
            {
                color:red!important;
            }
            .row-rdurl{
            	font-size:12px;
            	overflow:hidden;
			    text-overflow:ellipsis;
			    white-space:nowrap;
            }
            .el-pagination{
            	padding:5px 0 5px 10px;
            	animation:color 5s infinite linear alternate;
            }
            @keyframes color{
            	0%{
            		background-color: rgba(0,0,0,0.1);
            	}
            	100%{
            		background-color:rgba(0,0,0,0.5);
            	}
            }
            @keyframes move{
            	from {
            		height:0%;
            	} 
            	to {
            		height:100%;
            	}
            }
            .anime-test{
            	position:absolute;
            	bottom:4px;
            	width:4px;
            	left:calc(100% - 4px);
            	background-color: #409EFF;
            	animation:move 5s infinite linear;
            	animation-direction:alternate;
            }
        </style>
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/js/vue-2.6.7.js'"></script>
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/js/axios.min.js'"></script>
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/elementui/element-2.7.2.js'"></script>
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/js/xbell.js'"></script>
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/js/xbell-elementui.js'"></script>
    </head>
    <body>
        <div>
            <h2>欢迎访问本系统</h2>
        </div>
        <div class="copyright">
            <span>版权所有 &copy; 2020 | [[${AppName}]]v[[${AppVersion}]]| <a target="_blank" href="">[[${ClientName}]]</a></span>
        </div>
        <script type="text/javascript">
        	window._AppRootContext = '[[${AppRootContext}]]';
        </script>
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/js/app/index.js'"></script>
    </body>
</html>